.my-page {
  .avatar-bg {
    position: relative;
    z-index:7;
    .bg {
      width: 100vw;
      height: 443rpx;
      background: @kuafu-apartment-my-bg no-repeat center;
      background-size: cover;
    }
    .user-info {
      display: flex;
      align-items: center;
      position: absolute;
      top: 180rpx;
      left: 40rpx;
      &-name {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 21rpx;
        height: 151rpx;
        .name {
          font-family: 'ali-p';
          font-weight: 500;
          font-size: 31rpx;
          color: @color-black-text;
          line-height: 16rpx;
          margin-bottom: 18rpx;
        }
        :deep(.u-tag) {
          border: none;
          padding: 0;
          .u-tag__text {
            font-family: 'ali-p';
            font-size: 23rpx;
            line-height: 16rpx;
            color: @color-black-text;
            margin: 0 auto;
          }
        }
      }
    }
  }
  .user-panel {
    position: relative;
    width: 716rpx;
    height: 214rpx;
    margin: -85rpx auto 0;
    padding: 24rpx 12rpx 36rpx 23rpx;
    box-sizing: border-box;
    border-radius: 33rpx;
    box-shadow: 0 5rpx 13rpx 1rpx rgba(0,0,0,.05);
    background-color: @color-origin-white;
    z-index: 9;
    &-top {
      display: flex;
      border-bottom: 1px solid @color-border-grey;
      padding-bottom: 14rpx;
      &__orders,
      &__applications {
        flex: 1;
        position: relative;
        display: flex;
        justify-content: center;
        .text {
          font-family: 'ali-p';
          font-size: 23rpx;
          color: @color-grey-text;
          margin-left: 2rpx;
        }
        .msg-tips {
          width: 20rpx;
          height: 20rpx;
          background-color: @color-red;
          border-radius: 50%;
          position: absolute;
          top: -10rpx;
          right: 100rpx;
        }
      }
    }
    &-bottom {
      display: flex;
      justify-content: space-around;
      padding-top: 22rpx;
      &__item {
        text-align: center;
        .text {
          font-family: 'ali-p';
          font-weight: 500;
          font-size: 23rpx;
          color: @color-grey-text;
          margin-top: 4rpx;
        }
      }
    }
  }
  .my-house-panel {
    width: 716rpx;
    margin: 28rpx auto 0;
    padding: 31rpx 13rpx 20rpx 18rpx;
    background-color: @color-origin-white;
    box-sizing: border-box;
    box-shadow: 0 5rpx 13rpx 1rpx rgba(0,0,0,.05);
    border-radius: 33rpx;

    .title {
      font-family: 'ali-p';
      font-weight: 500;
      font-size: 31rpx;
      color: @color-black-text;
      line-height: 16rpx;
      padding-left: 4rpx;
    }
    :deep(.u-cell-group) {
      .u-cell-group__wrapper {
        .u-cell {
          .u-cell__body {
            padding: 37rpx 27rpx 22rpx 0;
            :deep(.u-cell__title-text) {
              font-family: 'ali-p';
              font-size: 31rpx;
              line-height: 16rpx;
              color: @color-black-text;
            }
          }
          .u-line {
            border-color: @color-border-grey;
          }
        }
      }
    }
  }
}
